{% extends 'proyectos/base.html' %}

{% block content %}
	<div id="contact_wrap">
		<div class="nav-section">
			<ul></ul>
		</div>
		<div id="contact" class="round clearfix">
			<div id="contact-form">
				<br/>
				<br/>
				<h2>Agregar Archivos</h2>
				<br/>
				<form action="/proyectos/agregarDocumento/{{ proyecto.id }}" method="POST" enctype="multipart/form-data">
					{% csrf_token %}
					{{ formNuevoDoc.as_table }} <br/>

					<br/>
					<input type="submit" value="Agregar Archivo" class="fsSubmitButton"/>
				</form>

				<br/>
				<br/>
				<br/>
				<h2>Archivos</h2>
				<br/>
				<form action="/proyectos/borrarDocumento/{{ proyecto.id }}" method="POST">
					{% csrf_token %}
					{{ formDocs.as_table }} <br/>

					<br/>
					<input type="submit" value="Remover Archivo" class="fsSubmitButton"/>
				</form>

				<form action="/proyectos/editar/{{ proyecto.id }}" method="GET">
					<input type="submit" value="Volver" class="fsSubmitButton"/>
				</form>

			</div>
		</div>
	</div>

	<script type="text/javascript">
		$("#id_documentos").sexyselect({showTitle:false,allowInput:false,allowFilter:false,allowDelete:false,selectionMode:'multiple',width:330});
	</script>
{% endblock content %}
